<!-- 1. 模板继承：继承base.html -->
{% extends "a/base.html" %}

<!-- 2. 重写父模板的content区块 -->
{% block content %}
    <h1>{{ category }}商品列表</h1>

    <!-- 3. 条件判断：如果有促销活动则显示 -->
    {% if is_promotion %}
        <div class="promotion">限时折扣：全场8折！</div>
    {% endif %}

    <!-- 4. 遍历商品列表 -->
    <ul class="product-list">
        {% for product in object_list %}
            <li>
                <span>{{ product.name }}</span>
                <span>价格：¥{{ product.price }}</span>
                <!-- 5. 生成详情页URL（需在urls.py中配置name="product_detail"） -->
                <a href="{% url 'product_detail' product.id %}">查看详情</a>
            </li>
        {% endfor %}
    </ul>

    <!-- 6. 重命名上下文变量（简化长变量名） -->
    {% with total=object_list|length %}
        <p>本分类共{{ total }}件商品</p>
    {% endwith %}

    <!-- 7. 表单中添加CSRF保护（模拟搜索表单） -->
    <form action="{% url 'search' %}" method="post">
        {% csrf_token %}
        <input type="text" name="keyword" placeholder="搜索商品">
        <button type="submit">搜索</button>
    </form>
{% endblock %}